@import '~antd/lib/style/themes/default.less'; //引入antd默认样式

//把antd的样式赋值给本地样式变量
@nav-header-height: @layout-header-height;
//菜单展开按钮渐变背景颜色
@pro-header-hover-bg: rgba(0, 0, 0, 0.025);
//菜单展开按钮左右内边距
@nav-header-menuBtn-padding: calc(~'(@{nav-header-height} - 20px) / 2');
@nav-header-avatar-margin: calc(~'(@{nav-header-height} - 40px) / 2');

.headerView{
    display: flex;
    flex-direction: row;
    justify-content:space-between;
    .menuBtn{
        font-size: 20px;
        height: @nav-header-height;
        cursor: pointer;
        transition: all 0.3s, padding 0s;
        padding: 0px @nav-header-menuBtn-padding 0px @nav-header-menuBtn-padding;
        &:hover {
            background: @pro-header-hover-bg;
        }
    }
    .userMenu{
        height: @nav-header-height;
        width: 400px;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        .item{
            padding-right: 20px;
           .avatar{
                margin: 0px @nav-header-avatar-margin 0px @nav-header-avatar-margin;
           }
        }
    }
}